<template>
  <div>
    <ChildSlot>
      <template #header>
        <div>
          我是插入的header
        </div>
      </template>

      <template #main>
        <div>
          我是插入的main
        </div>
      </template>

      <template #footer>
        <div>
          我是插入的footer
        </div>
      </template>
    </ChildSlot>
  </div>
</template>

<script>
import ChildSlot from './childSlot.vue'
export default {
  data () {
    return {
    }
  },

  components: { ChildSlot }
}

</script>
<style lang='less' scoped>
</style>
